.mine-page {
    .nav-bar {
        width: 1020px;
        margin: 0 auto;
        background: #fff;
    }
    .mine-container {
        background: #F2F5FA;
        .mine-panle {
            background: #fff;
            width: 1000px;
            height: 900px;
            margin: 0 auto;
            display: flex;
            .left {
                width: 240px;
                border-right: 1px solid #E6E6E6;
                .user-box {
                    height: 160px;
                    padding: 30px;
                    img {
                        width: 70px;
                        height: 70px;
                        float: left;
                        margin-right: 20px;
                    }
                    .user-name {
                        font-size: 14px;
                        font-weight: 700;
                        color: #404b61;
                        padding-top: 6px;
                    }
                    .user-grade {
                        color: #97a1b4;
                    }
                }
                .link {
                    height: 50px;
                    color: #333;
                    line-height: 50px;
                    text-align: center;
                    cursor: pointer;
                }
                .link-selected {
                    color: #fff;
                    background: #3FA9F5;
                }
            }
            .right {
                flex: 1;
                .course-list {
                    margin-top: 10px;
                    height: 700px;
                    overflow: auto;
                    .course-section:nth-child(2n) {
                        background: #fff;
                        border: 1px solid #fff;
                        &:hover {
                            border: 1px solid #3FA9F5;
                        }
                    }
                    .course-section:nth-child(2n+1) {
                        background: #EEF8FC;
                        border: 1px solid #EEF8FC;
                        &:hover {
                            border: 1px solid #3FA9F5;
                        }
                    }
                }
            }
        }
    }
}